<!DOCTYPE html>
<html>
    <head>
        <title>home site</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href='css/bootstrap.css' rel='stylesheet' type='text/css'>
        <!--<link href='css/slider.css' rel='stylesheet' type='text/css'>-->
        <link href='fonts/style.css' rel='stylesheet' type='text/css'>
        <link href='style.css' rel='stylesheet' type='text/css'>
        <!--[if IE 9 ]> <link href='css/ie9.css' rel='stylesheet' type='text/css'> <![endif]-->
        <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <!--<script type="text/javascript" language="javascript" src="js/custom.js"></script>-->
        <!--<script type="text/javascript" language="javascript" src="js/jquery-slider.js"></script>-->

    </head>
    <body>
        <div class="w100p wrapper rsmp">
            <div class="wrapperheader w100p rsmp relative">
                <div class="mc w970 h75 relative">
                    <a href="#" class="absolute logo"><img src="images/prd/0.png"/></a>
                    <ul class="topmenu utility fr">
                        <li class="wtb"><a href="#">Where to Buy&nbsp;&nbsp;&nbsp;/</a></li>
                        <li class="fb"><a href="#">Where to Buy</a></li>
                        <li class="tw"><a href="#">Where to Buy</a></li>
                        <li class="pin"><a href="#">Where to Buy</a></li>
                        <li class="mail"><a href="#">Where to Buy</a></li>
                    </ul>
                    <div class="clr"></div>
                    <ul class="topmenu mainmenu fl">
                        <li><a href="#">Our Mission</a><span></span></li>
                        <li><a href="#">Our Practices</a><span></span></li>
                        <li>
                            <a href="#">Our Foods</a><span></span>
                            <ul class="sub-menu">
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Recipes</a><span></span></li>
                        <li><a href="#">Giving Back</a><span></span></li>
                    </ul>
                    <div class="fr search">
                        <input type="text" placeholder="Search"/>
                        <input type="submit" value="searrch"/>
                    </div>
                    <div class="absolute topbreadcrumb z50">
                        <div class="breadcrumbs-plus">
                            <a href="http://www.annies.com/" rel="home" class="breadcrumbs-begin">Home</a><span class="breadcrumbs-separator">/</span>
                            <a href="http://www.annies.com/our-practices/" title="Our Practices">Our Practices</a> <span class="breadcrumbs-separator">/</span> Real Ingredients</div>
                    </div>
                </div>
            </div>
            <div class="clr"></div>
            <style type="text/css">
                .topbanner{
                    background: url('images/1_0.png') repeat-y top left, url('images/1_1.png') repeat-y top right, url('images/prd/2.jpg') no-repeat center center;
                }
            </style>
            <div class="topbanner h340">
            </div>
            <div class="clr"></div>
            <div class="wrappermain w100p rsmp">
                <div class="topmain"></div>
                <div class="clr"></div>
                <div class="contentmain">
                    <div class="w970 mc philo">
                        <h1>Our foods have...</h1>
                        <ul class="circle">
                            <li>
                                <h3>Whole Grains</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu felis aculis ipsum tempus semper id at turpis. Vivamus aliquam imperdiet porttitor. Nulla rutrum est ac justo aliquam sit amet scelerisque nisl feugiat. Vivamus et est vitae neque auctor molestie. Phasellus aliquet gravida odio non ornare. Donec nec nibh a ligula porttitor ornare. </p>
                            </li>
                            <li>
                                <h3>Whole Grains</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu felis aculis ipsum tempus semper id at turpis. Vivamus aliquam imperdiet porttitor. Nulla rutrum est ac justo aliquam sit amet scelerisque nisl feugiat. Vivamus et est vitae neque auctor molestie. Phasellus aliquet gravida odio non ornare. Donec nec nibh a ligula porttitor ornare. </p>
                            </li>
                            <li>
                                <h3>Whole Grains</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu felis aculis ipsum tempus semper id at turpis. Vivamus aliquam imperdiet porttitor. Nulla rutrum est ac justo aliquam sit amet scelerisque nisl feugiat. Vivamus et est vitae neque auctor molestie. Phasellus aliquet gravida odio non ornare. Donec nec nibh a ligula porttitor ornare. </p>
                            </li>
                        </ul>
                        <h1>Our foods DON'T have...</h1>
                        <ul class="checked">
                            <li>
                                <h3>Whole Grains</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu felis aculis ipsum tempus semper id at turpis. Vivamus aliquam imperdiet porttitor. Nulla rutrum est ac justo aliquam sit amet scelerisque nisl feugiat. Vivamus et est vitae neque auctor molestie. Phasellus aliquet gravida odio non ornare. Donec nec nibh a ligula porttitor ornare. </p>
                            </li>
                            <li>
                                <h3>Whole Grains</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu felis aculis ipsum tempus semper id at turpis. Vivamus aliquam imperdiet porttitor. Nulla rutrum est ac justo aliquam sit amet scelerisque nisl feugiat. Vivamus et est vitae neque auctor molestie. Phasellus aliquet gravida odio non ornare. Donec nec nibh a ligula porttitor ornare. </p>
                            </li>
                            <li>
                                <h3>Whole Grains</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu felis aculis ipsum tempus semper id at turpis. Vivamus aliquam imperdiet porttitor. Nulla rutrum est ac justo aliquam sit amet scelerisque nisl feugiat. Vivamus et est vitae neque auctor molestie. Phasellus aliquet gravida odio non ornare. Donec nec nibh a ligula porttitor ornare. </p>
                            </li>
                            <li>
                                <h3>Whole Grains</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu felis aculis ipsum tempus semper id at turpis. Vivamus aliquam imperdiet porttitor. Nulla rutrum est ac justo aliquam sit amet scelerisque nisl feugiat. Vivamus et est vitae neque auctor molestie. Phasellus aliquet gravida odio non ornare. Donec nec nibh a ligula porttitor ornare. </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="wrapperfooter w100p rsmp">
                <div class="mc w970 top">
                    <div class="cols col1"></div>
                    <div class="cols col2"></div>
                    <div class="cols col3"></div>
                </div>
                <div class="clr"></div>
                <div class="mc w970 copyrights">
                    <div class="inner">
                        <div class="copy-text">Copyright 2013 Annie's Homegrown, Inc. </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
